const path = require("path");
function resolve(dir) {
    return path.join(__dirname, dir);
    
}

module.exports = {
    chainWebpack: config => {
        // 清除svg默认配置对./src/icons文件夹的处理
        config.module
            .rule("svg")
            .exclude.add(resolve("src/assets/icons")) // icons存放地（svg放的地方）
            .end()
           
         
        
        // 添加新的rule处理./src/icons文件夹的svg文件
        config.module
            .rule("svg-sprite")
            .test(/\.svg$/)
            .include
            .add(resolve("src/assets/icons"))
            .end()
            .use("svg-sprite-loader")
            .loader("svg-sprite-loader")
            .options({
                symbolId: "icon-[name]",
                include: ["src/assets/icons"]
            })
            .end()
            .before("svg-sprite-loader")
            .use("svgo-loader")
            .loader("svgo-loader")
            .options({
                plugins: [
                    { removeAttrs: { attrs: "path:fill" } }
                ]
            })
            .end()
    },
    devServer: {
        host: '0.0.0.0',
        port: '8099',
        open: true,
        proxy: {
          // detail: https://cli.vuejs.org/config/#devserver-proxy
          [process.env.VUE_APP_BASE_API]: {
            target: `http://localhost:9090`,
            changeOrigin: true,
            pathRewrite: {
              ['^' + process.env.VUE_APP_BASE_API]: ''
            }
          }
        },
        disableHostCheck: true
      },
}
